﻿<%@ Page Title="Dasideen (The Ideas) - Home" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="DasIdeen._Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
   
    <link href="Styles/Layout.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
    <script type="text/javascript" src="Scripts/ScriptForTestimonial/ScriptForTestimonialindex.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="Slider" style="width:960px; height:235px; margin:0px 0 5px 0px">
       <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
       </asp:ScriptManagerProxy>
   <asp:Image ID="Image1" runat="server" 
           ImageUrl="~/ImageDisplaySlider/SilderImage02.jpg" style="border:1px solid #555;box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8); -moz-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8); -webkit-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8); -o-box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);" />
   <cc1:SlideShowExtender ID="SlideShowExtender" runat="server" TargetControlID="Image1"
                SlideShowServiceMethod="GetImages" ImageTitleLabelID="lblImageTitle" ImageDescriptionLabelID="lblImageDescription" PlayInterval="10000"
                AutoPlay="true" Loop="true">
            </cc1:SlideShowExtender>
    </div>
    <div class="DivMainBody">
        <div id="HomePageContext">
            <div id="Topics" style="margin-right:2px;border:1px solid #C6C6C6; border-radius:5px;box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -moz-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -webkit-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -o-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8);">
            <div style="height:235px; padding: 4px">
           
                <p style="margin: -45px 0 0 0px; text-align: center">
                    <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/HowToWork.png" style="border-top:1px solid #C6C6C6;border-radius:2px" />
                </p>
                <h3 style="text-align: center">
                    How it works</h3>
                <p style="text-align: justify; padding: 5px;">
                    DasIdeen (The Ideas) provides a platform where you can find some useful resources
                    for IT professionals, who are trying to make a transition from Developer to Architect
                    role. Many a times we accept the higher role but with a developers mind set. ...</p>
                    </div>
                <p style="text-align:center; padding:10px">
                    <asp:Button ID="btnTopics" runat="server" CssClass="CSSButton" Text="Read More" OnClick="btnTopics_Click" />
                </p>
            </div>
            <div id="AvailableResourecs"style="margin-right:2px;border:1px solid #C6C6C6; border-radius:5px;box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -moz-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -webkit-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -o-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8);">
            <div style="height:235px; padding: 4px">
                <p style="margin: -45px 0 0 0px; text-align: center">
                    <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/resources.png" style="border-top:1px solid #C6C6C6;border-radius:2px"/>
                </p>
                <h3 style="text-align: center">
                    Available Resourecs</h3>
                <p style="text-align: justify; padding: 5px;">
                    You can find resources like blogs, whitepapers, videos, podcasts and various templates
                    that may help many of us to make the transition from Developer to Architect role.
                    ...</p>
                
                </div>
                
                <p style="text-align:center; padding:10px">
                    <asp:Button ID="btnAvailableResourecs" runat="server" CssClass="CSSButton" Text="Read More"
                       OnClick="btnAvailableResourecs_Click" /></p>
            </div>
            <div id="JoinOurCommunitty"style="border:1px solid #C6C6C6; border-radius:5px;box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -moz-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -webkit-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8); -o-box-shadow: 0px 10px 5px rgba(31, 73, 125, 0.8);">
            <div style="height:235px; padding: 4px">
                <p style="margin: -46px 0 0 0px; text-align: center">
                    <asp:Image ID="Image4" runat="server" ImageUrl="~/Images/Community.png" style="border-top:1px solid #C6C6C6;border-radius:2px" />
                </p>
                <h3 style="text-align: center">
                    Join Our Communitty</h3>
                <p style="text-align: justify; padding: 5px;">
                    We are looking for you. Since this is a community based platform, where we try to
                    help each other, our success is through your participation. Please join this community
                    to make it relevant for all other fellow members.
                </p>
                </div>
                 <p style="text-align:center; padding:10px">
                <asp:Button ID="btnJoinOurCommunitty" runat="server" CssClass="CSSButton" Text="Read More"
                    OnClick="btnJoinOurCommunitty_Click" /></p>
            </div>
        </div>
        
    </div>
</asp:Content>
